博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
October CMS - 快速入门 7 显示列表和详情页
阅读量:6819 次
发布时间:2019-06-26

本文共 2724 字,大约阅读时间需要 9 分钟。

在movies页面中显示的影片列表是最原始的格式显示的。那么我们对这个列表及其详情页进行格式化。

themesraiseinfopagesmovies.htm
如下所示,列表采用的是attribute来显示的

我们可以试试下面的方式

可以得到相同的结果

同样道理,我们可以增加文章的简介字段

    {% for record in records %}
  • {# Use spaceless tag to remove spaces inside the A tag. #} {% spaceless %} {% if detailsPage %} {% endif %}
    {
    { record.name }} {% if detailsPage %}
    {% endif %} {% endspaceless %} {
    { record.description }}
  • {% else %}
  • {
    { noRecordsMessage }}
  • {% endfor %}

刷新页面,显示如下,description会以源码的形式显示,如果需要以Htm的格式显示需要

{
{ record.description|raw }}

clipboard.png

clipboard.png

其变化是显而易见的吧。下面我们再给影片信息标题加上h3标签。

{% spaceless %} {% if detailsPage %} {% endif %}
{
{ record.name }} {% if detailsPage %}
{% endif %} {% endspaceless %}

clipboard.png

因为影片介绍内容太长了,我们希望只显示其中的前150个字符。

{
{ html_limit(record.description,150)|raw }}

为电影标题添加详情链接

下面我们查看下面的代码

{% spaceless %}    {% if detailsPage %}            {% endif %}    
{
{ record.name }} {% if detailsPage %}
{% endif %}{% endspaceless %}

代码{% if detailsPage %}的意思是,如果这个电影有描述信息,则显示为超链接,否则没有超链接。

但是,这里对于我们的影片是无效的,因为,我们没有创建影片的详情页面。下面我们创建详情页面。
根据下图创建
clipboard.png

然后设置组件Record Details

clipboard.png

clipboard.png

保存模板

刷新页面后,发现没有生效,这是因为,仅仅建立详情页是不行的,必须进行相应的设置

clipboard.png

刷新页面可以看见,标题的链接已经加上了

clipboard.png

点击链接,则可以看见影片的详情页面

clipboard.png

但是,页面中只是显示了影片的名称,其余的都没有显示,我们对详情页面进行设置

{% if record %}

{
{ record.name }}

{
{ record.year }}

简介

{

{ record.description|raw }}

{% else %} {
{ notFoundMessage }}{% endif %}

clipboard.png

转载地址:http://zpdzl.baihongyu.com/

你可能感兴趣的文章
java自学篇之程序设计基础
查看>>
swiper的基础使用(五)
查看>>
Windows Server 2012R2 Hyper-v之虚拟机复制(2)
查看>>
大数据各种实用网站
查看>>
win7安装laravel
查看>>
Oracle 各后台进程功能说明
查看>>
屏蔽storm ui的kill功能
查看>>
我的友情链接
查看>>
Oracle Decode函数的使用
查看>>
MSF学习笔记
查看>>
经典脚本案例--check memory
查看>>
20.31 expect脚本同步文件;20.32 expect脚本指定host和要同步的文件;20.33 构建文件分发系统;20.34...
查看>>
CentOS单用户与救援模式
查看>>
postfix 源码centos7上搭建及错误提示---亲测
查看>>
【Redis篇】Redis集群安装与初始
查看>>
jquery基础
查看>>
C# 集合已修改;可能无法执行枚举操作
查看>>
FSM Code Generator
查看>>
JDBC学习笔记——事务、存储过程以及批量处理
查看>>
JVM内存结构
查看>>